/*
 main
 * 
 * */

@font-face {
	font-family: 'zzgfjy';
	src: url('/assets/webfonts/zzgfjy.otf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	/* TEL */
	font-family: '341-CAI978';
	src: url('/assets/webfonts/341-CAI978.eot');
	src: url('/assets/webfonts/341-CAI978.eot?#ie6-8') format('embedded-opentype'), url('/assets/webfonts/341-CAI978.woff') format('woff'), url('/assets/webfonts/341-CAI978.ttf') format('truetype'), url('/assets/webfonts/341-CAI978.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	/* 1MIN */
	font-family: 'FZZXHJW';
	src: url('/assets/webfonts/FZZXHJW.eot');
	src: url('/assets/webfonts/FZZXHJW.eot?#ie6-8') format('embedded-opentype'), url('/assets/webfonts/FZZXHJW.woff') format('woff'), url('/assets/webfonts/FZZXHJW.ttf') format('truetype'), url('/assets/webfonts/FZZXHJW.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	/* motto */
	font-family: 'HYDianYaTiJ';
	src: url('/assets/webfonts/HYDianYaTiJ.eot');
	src: url('/assets/webfonts/HYDianYaTiJ.eot?#ie6-8') format('embedded-opentype'), url('/assets/webfonts/HYDianYaTiJ.woff') format('woff'), url('/assets/webfonts/HYDianYaTiJ.ttf') format('truetype'), url('/assets/webfonts/HYDianYaTiJ.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	/* num */
	font-family: '495-CAI978';
	src: url('/assets/webfonts/495-CAI978.eot');
	src: url('/assets/webfonts/495-CAI978.eot?#ie6-8') format('embedded-opentype'), url('/assets/webfonts/495-CAI978.woff') format('woff'), url('/assets/webfonts/495-CAI978.ttf') format('truetype'), url('/assets/webfonts/495-CAI978.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

a,
a:hover {
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.no-bg {
	background-color: transparent !important;
}

.bg-brown {
	background-color: #8d837a;
}

.bg-red {
	background-color: #b71f1e;
}

.text-gray {
	color: #8f8f8f;
}

.text-dark-gray {
	color: #585657;
}

.text-2rem {
	font-size: 2rem !important;
}

.font-hydy {
	font-family: "HYDianYaTiJ", arial sans-serif;
}

.font-msyh {
	font-family: "microsoft yahei", sans-serif;
}

.font-zzgfjy {
	font-family: "zzgfjy", arial sans-serif;
}

.section-big-text {
	font-size: 4rem;
}

.page-header:not(.scrolled) .site-tel {
	color: #fff;
}

.page-header .site-logo img {
	display: none;
}

.page-header:not(.scrolled) .white-logo {
	display: block;
	opacity: 1;
}

.page-header.scrolled .dark-logo {
	display: block;
	opacity: 1;
	width: 70%;
}

.page-header .site-tel .text-large {
	font-size: 2rem;
	line-height: 0.75;
	font-family: "341-CAI978", Impact, "Arial Narrow";
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.no-padding {
	padding: 0 !important;
}

.page-header {
	width: 100vw;
	padding: 35px;
	z-index: 20;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
}

.page-header.scrolled {
	background-color: #fff;
	padding: 10px 20px;
	-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
	box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
}

.menu-bar {
	font-size: 2rem;
	line-height: 1;
}

.page-header:not(.scrolled) .menu-bar {
	color: #fff !important;
}

.page-header.scrolled .menu-bar {
	font-size: 1.5rem;
}

.bd-placeholder-img {
	cursor: pointer;
}

.top-nav-fluid {
	z-index: 20;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.75);
	transition: all 0.5s ease-in-out;
	overflow: hidden;
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	backdrop-filter: saturate(180%) blur(10px);
}

.top-nav-fluid:not(.active) {
	opacity: 0;
	visibility: hidden;
	height: 0;
}

.top-nav-fluid.active {
	opacity: 1;
	visibility: visible;
}

.top-nav-fluid .nav-item a {
	display: inline-block;
	color: #fff;
	padding: 10px;
	font-size: 2rem;
	font-weight: 300;
	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.top-nav-fluid .nav-item a:hover {
	transform: scale(1.15);
}

.close-menu {
	top: 0.85rem;
	right: 1.55rem;
	font-size: 2rem;
	padding: 15px;
}

.close-menu a {
	color: #fff;
}

#site-market-carousel .carousel-indicators li {
	background-color: #333;
}

.section-padding {
	padding: 60px 0;
}
.pb-35{
    padding-bottom: 35px;
}
.index-page .section-padding {
	padding: 25px 0;
}

.index-page .section-title{
    margin-bottom: 2.75rem;
}

.text-red {
	color: #FE1600 !important;
}

.section-big-text h3 {
	line-height: 1.5;
}

.section-description,
.section-red-bordered {
	line-height: 2;
}

.section-description p {
	font-size: 1.2rem;
	font-family: "microsoft yahei", sans-serif;
}

.section-red-bordered p {
	font-size: 2rem;
	font-family: "microsoft yahei", sans-serif;
	color: #FE1600;
    border: 3px solid #FE1600;
    display: inline-block;
}

.section-title {
	color: #666;
}

.company-dynamic-item img {
	width: 100%;
}

.case-list-page .case-item-thumbnail,.section-case .case-item-thumbnail {
	height: 100%;
}

.case-item-thumbnail {
	background-color: #000;
}

.case-item-thumbnail img {
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 100%;
	height: 100%;
}

.case-item:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.case-item:hover .case-item-header {
	opacity: 1;
}

.case-item:hover .case-item-footer {
	opacity: 1;
}

.case-item-header {
	opacity: 0;
	top: 0;
	color: #fff;
}

.case-item-footer {
	opacity: 0;
	bottom: 0;
	color: #fff;
}

.case-item-footer .case-item-servers {
	font-size: 0.85rem;
}

.case-item-header,
.case-item-footer {
	transition: opacity .35s linear;
}

.more-btn a {
	border: 1px solid #ccc;
	padding: 0.5rem 4rem;
}

.more-btn a:hover {
	color: #FE1600 !important;
}

.site-market-carousel .fas {
	color: #666;
	font-size: 2rem;
}

.post-item .post-title {
	font-size: 1.25rem;
	font-weight: normal;
}

.post-item .post-description {
	font-size: 0.9rem;
	display: -webkit-box !important;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.post-list {
	padding-left: 0;
}

.post-list li {
	list-style: none;
}

.post-header .img-fluid {
	width: 100%;
}

.footer-dark {
	background-color: #333;
	line-height: 1.75;
	font-size: 12px;
}

.footer-dark a,
.footer-dark p,
.footer-dark h3,
.footer-dark span {
	color: #8f8f8f;
}
.footer-dark a:hover{
    color:#fff
}
.footer-call-img img {
	width: 90%;
	max-width: 150px;
}

.footer-contact .footer-contact-title {
	font-size: 1.25rem;
}

.footer--text {
	margin-bottom: 0;
}

.footer-nav {
	flex: auto;
}

.footer-nav .footer-nav-title h3 {
	display: inline-block;
	border-bottom: 2px solid #8f8f8f;
	font-size: 1.5rem;
}

.footer-nav .footer-nav-links {
	padding-left: 0;
}

.footer-nav .footer-nav-links li {
	list-style: none;
}

.footer-friend-link a {
	color: #5a5c5b;
}

.footer-contact .footer-contact-tel {
	font-family: "341-CAI978", Impact, "Arial Narrow";
}

#site-market-carousel .carousel-item h2,
#site-market-carousel .carousel-item p {
	font-family: "HYDianYaTiJ", Impact, "Arial Narrow";
}

#site-market-carousel .carousel-item h2 {
	font-size: 3rem;
}

#site-market-carousel .carousel-item p {
	font-size: 2rem;
}

.scroll-top {
	position: fixed;
	right: 20px;
	bottom: 50px;
	z-index: 19;
	border: 1px solid #4d4d4d;
	border-radius: 50%;
	padding: 10px 15px;
	color: #4d4d4d;
	cursor: pointer;
	transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.scroll-top:hover {
	color: #666;
	border-color: #666;
}

.about-introduce-content h3 {
	font-weight: 400;
	font-size: 26px;
}

.about-introduce-content p {
	margin-bottom: 5px;
}

.about-action .about-action-title {
	font-size: 3rem;
	font-weight: bold;
	text-shadow: 4px 4px 0px #6a5e50;
}

.about-action .about-action-text {
	font-size: 1.25rem;
	font-weight: 300;
}

.call-to-action .call-to-action-title {
	font-size: 3rem;
	font-weight: 300;
}

.call-to-action .call-to-action-text {
	font-size: 2rem;
	font-weight: 300;
}

.map-container {
	min-height: 500px;
}

.mx--15 {
	margin-left: -15px;
	margin-right: -15px;
}

.contact-container .contact-title {
	font-weight: 300;
	font-size: 1.25rem;
}

.contact-container .contact-text {
	font-size: 0.95rem;
	color: #5f6061;
}

.contact-container .text-large {
	font-size: 3rem;
	font-weight: bold;
}

.media {
	align-items: stretch;
}

.contact-map .map-container {
	z-index: 1;
}

.flex-wrap {
	flex-wrap: wrap;
}

.article-item {
	margin: 2rem 0;
}

.article-item .article-item-date p {
	font-size: 1.9rem;
	font-family: "341-CAI978", Impact, "Arial Narrow";
}

.article-item .article-item-title h3 {
	font-size: 1.5rem;
	font-weight: 300;
	margin-bottom: 1.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.article-item .article-item-title h3 a:hover,
.case-class-list a:hover {
	color: #FE1600;
}

.article-item .article-item-description {
	font-size: 0.85rem;
	line-height: 1.5rem;
	font-weight: 300;
	display: -webkit-box !important;
	white-space: normal !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.breadcrumb-type-2 .breadcrumb-item+.breadcrumb-item::before {
	content: "|";
	padding-right: 1.5rem;
}

.breadcrumb-type-2 .breadcrumb-item {
	font-size: 1.25rem;
}

.breadcrumb-type-2 .breadcrumb-item a:hover {
	color: #FE1600;
}

.btn-red {
	color: #FE1600;
	border: 1px solid #FE1600;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.article-content {
	margin-bottom: 2rem;
}

.article-content img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.article-content .article-title {
	font-weight: normal;
	font-size: 1.55rem;
}

.article-content .article-subtitle {
	font-weight: normal;
	font-size: 1rem;
}

.article-content p {
	line-height: 220%!important;
	font-size: 14px!important;
	margin: 10px 0;
}

.page-link:hover {
	color: #FE1600;
}

.page-list {
	position: relative;
}

.page-list.page-prev .page-arrow-left:before {
	content: "";
	background: url(/assets/images/left.png) no-repeat;
	display: block;
	width: 100px;
	height: 50px;
	top: 7px;
}

.page-list.page-next .page-arrow-right:before {
	content: "";
	background: url(/assets/images/left.png) no-repeat;
	display: block;
	width: 100px;
	height: 50px;
	top: 7px;
	transform: rotateY(180deg);
}

.case-item .case-item-thumbnail :after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators li {
	width: 40px;
	height: 4px;
	margin-left: 5px;
	margin-right: 5px;
}

.about-action {
	background-image: url(/assets/images/60f3e1dcbe9cd21eba66483af638662be4282698.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
	height: 5px;
	background: #f2f2f2;
}

.overflow-x-scroll {
	overflow-x: scroll;
}

.post-list li>a {
	font-size: 0.75rem;
	transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.post-list li>a:hover {
	color: #000 !important;
}